﻿@namespace MudBlazor.Docs.Examples

<MudGrid>
    <MudItem xs="12" md="6">
        <MudPaper Class="d-flex py-2 px-1" Style="height:150px;">
            <MudPaper Class="pa-2 ml-auto mud-theme-primary">Flex Item</MudPaper>
            <MudPaper Class="pa-2 mx-2 mud-theme-secondary align-self-start">Aligned Flex Item</MudPaper>
            <MudPaper Class="pa-2 mr-auto mud-theme-primary">Flex Item</MudPaper>
        </MudPaper>
    </MudItem>
    <MudItem xs="12" md="6">
        <MudPaper Class="d-flex py-2 px-1" Style="height:150px;">
            <MudPaper Class="pa-2 ml-auto mud-theme-primary">Flex Item</MudPaper>
            <MudPaper Class="pa-2 mx-2 mud-theme-secondary align-self-end">Aligned Flex Item</MudPaper>
            <MudPaper Class="pa-2 mr-auto mud-theme-primary">Flex Item</MudPaper>
        </MudPaper>
    </MudItem>
    <MudItem xs="12" md="6">
        <MudPaper Class="d-flex py-2 px-1" Style="height:150px;">
            <MudPaper Class="pa-2 ml-auto mud-theme-primary">Flex Item</MudPaper>
            <MudPaper Class="pa-2 mx-2 mud-theme-secondary align-self-center">Aligned Flex Item</MudPaper>
            <MudPaper Class="pa-2 mr-auto mud-theme-primary">Flex Item</MudPaper>
        </MudPaper>
    </MudItem>
    <MudItem xs="12" md="6">
        <MudPaper Class="d-flex py-2 px-1" Style="height:150px;">
            <MudPaper Class="pa-2 ml-auto mud-theme-primary">Flex Item</MudPaper>
            <MudPaper Class="pa-2 mx-2 mud-theme-secondary align-self-baseline">Aligned Flex Item</MudPaper>
            <MudPaper Class="pa-2 mr-auto mud-theme-primary">Flex Item</MudPaper>
        </MudPaper>
    </MudItem>
    <MudItem xs="12" md="6">
        <MudPaper Class="d-flex py-2 px-1" Style="height:150px;">
            <MudPaper Class="pa-2 ml-auto mud-theme-primary">Flex Item</MudPaper>
            <MudPaper Class="pa-2 mx-2 mud-theme-secondary align-self-auto">Aligned Flex Item</MudPaper>
            <MudPaper Class="pa-2 mr-auto mud-theme-primary">Flex Item</MudPaper>
        </MudPaper>
    </MudItem>
    <MudItem xs="12" md="6">
        <MudPaper Class="d-flex py-2 px-1" Style="height:150px;">
            <MudPaper Class="pa-2 ml-auto mud-theme-primary">Flex Item</MudPaper>
            <MudPaper Class="pa-2 mx-2 mud-theme-secondary align-self-stretch">Aligned Flex Item</MudPaper>
            <MudPaper Class="pa-2 mr-auto mud-theme-primary">Flex Item</MudPaper>
        </MudPaper>
    </MudItem>
</MudGrid>











